<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>异常详情页面</title>
    <link rel="stylesheet" href="./css/Details-abnormal.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <script type="module" src="./js/Details-abnormal.js"></script>

    <script src="./js/flexible.js"></script>
  </head>
  <body>
    <!-- 顶栏 -->
    <div class="topPreset">
      <a href="javascript:;">
        <span class="iconfont icon-xiangzuo1"></span>
      </a>
      <h2>上报异常</h2>
    </div>
    <!-- 顶部站位 -->
    <div class="zhanwei"></div>

    <!-- 内容1 -->
    <div class="content1 wrapper">
      <!-- 异常时间-->
      <div class="times">
        <!-- 左边内容 -->
        <!--时间  -->
        <div class="left">
          异常时间
        </div>
        <span class="abnortiames">2022.05.04 13:00</span>
      </div>

      <!-- 上报位置-->
      <div class=" address">
        <!-- 左边内容 -->
        <div class="left">上报位置</div>
        <!-- 右边时间 -->
        <span class="abnoraddress">北京市 北京市 海淀区</span>
      </div>

      <!-- 异常类型-->
      <div class="kind">
        <!-- 左边内容 -->
        <div class="left">异常类型</div>
        <!-- 右边时间 -->
        <span class="compo">发动机启动困难</span>

      </div>

      <!-- 异常描述 -->
      <div class="desc">异常描述</div>
      <!-- 请输入异常描述  -->
      <div class="text">
        发动机启动困难
      </div>
    </div>

    <!-- 内容2:上传图片 -->
    <!-- 上传图片 -->
    <div class="Delivery">
      <div class="wrapper">
        <!-- 用于折叠 -->
        <div class="hidedeli">
          <!-- 汇单凭证 -->
          <div class="voucher">
            <p>图片凭证</p>
            <!-- 上传的图片 -->
            <ul>
              <li><img src="./image/收据1.png" alt>
              </li>
              <li><img src="./image/收据2.png" alt>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </body>
</html>